module.exports = {
  darkMode: 'media',
  content: ['./src/**/*.{vue,tsx,ts}'],
  plugins: [],
  variants: {
    extend: {
      height: ['hover'],
      padding: ['hover'],
      fontWeight: ['hover'],
      margin: ['last'],
      backgroundColor: ['hover'],
      maxHeight: ['focus'],
      opacity: ['hover']
    }
  },
  corePlugins: {},
  theme: {
    extend: {
      boxShadow: {},
      scale: {
        80: '0.8'
      },
      flex: {
        'freeze-auto': '0 0 auto',
        100: '1 1 100%',
        auto: '1 1 auto',
        '1/3': '1 1 33.33%',
        '2/3': '1 1 66.66%',
        '1/2': '1 1 50%',
        '2/5': '1 1 40%',
        '3/5': '1 1 60%',
        '1/4': '1 1 25%',
        '1/5': '1 1 20%',
        '4/5': '1 1 80%',
        10: '1 1 10%',
        12: '1 1 12%',
        25: '1 1 25%',
        40: '1 1 40%',
      },
      width: {
        '11/35': '31.5%',
        '2/11': '18%',
        '1/8': '12.5%'
      },
      minWidth: {
        '2/5': '40%',
        '1/7': '14.3%',
        4: '16px',
        15: '60px',
        17.5: '70px',
        20: '80px',
        25: '100px',
        35: '140px',
        37.5: '150px',
        40: '160px',
        50: '200px',
        60: '240px',
        62.5: '250px',
        63: '252px',
        64: '256px',
        100: '400px',
        125: '500px',
        180: '720px',
        200: '800px',
        220: '880px',
        242.5: '970px'
      },
      maxWidth: {
        '1/3': '33.33%',
        '3/4': '75%',
        '4/5': '80%',
        15: '70px',
        60: '240px',
        70: '280px',
        75: '300px',
        80: '320px',
        90: '360px',
        94.8: '378px',
        150: '600px',
        180: '720px',
        200: '800px',
        210: '840px',
        242.5: '970px',
        254.5: '1018px',
        256: '1024px',
        275: '1100px',
        300: '1200px',
        400: '1600px'
      },
      minHeight: {
        6: '26px',
        7: '28px',
        10: '40px',
        11: '44px',
        15: '70px',
        26: '104px',
        28.5: '114px',
        30: '120px',
        37.5: '150px',
        42: '168px',
        50: '200px',
        90: '360px'
      },
      maxHeight: {
        15: '60px',
        50: '200px'
      },
      lineHeight: {
        3.5: '14px',
        4: '16px',
        4.5: '18px',
        5: '20px',
        5.5: '22px',
        6.5: '26px',
        7.5: '30px',
        9.5: '38px',
        11: '44px',
        11.5: '46px',
        12: '48px',
        12.5: '50px',
        40: '160px'

      },
      spacing: {
        0.25: '1px',
        0.75: '3px',
        0.125: '0.5px',
        1.5: '6px',
        1.25: '5px',
        1.75: '7px',
        2.5: '10px',
        2.25: '9px',
        2.75: '11px',
        3.5: '14px',
        3.25: '13px',
        3.75: '15px',
        4.5: '18px',
        4.25: '17px',
        4.75: '19px',
        5: '20px',
        5.25: '21px',
        5.5: '22px',
        6: '24px',
        6.5: '26px',
        6.25: '25px',
        6.75: '27px',
        7.5: '30px',
        7.25: '29px',
        7.75: '31px',
        8: '32px',
        8.5: '34px',
        8.25: '33px',
        8.75: '35px',
        9: '36px',
        9.5: '38px',
        9.25: '37px',
        9.75: '39px',
        10.5: '42px',
        11.5: '46px',
        11.25: '45px',
        11.75: '47px',
        12.5: '50px',
        12.25: '49px',
        13: '52px',
        13.5: '54px',
        13.25: '53px',
        14: '56px',
        14.5: '58px',
        15: '60px',
        15.5: '62px',
        15.75: '63px',
        16: '64px',
        16.5: '66px',
        16.25: '65px',
        17: '68px',
        17.5: '70px',
        17.75: '71px',
        18: '72px',
        18.5: '74px',
        18.75: '75px',
        19: '76px',
        19.25: '77px',
        19.5: '78px',
        21: '84px',
        21.5: '86px',
        21.75: '87px',
        22: '88px',
        22.5: '90px',
        23: '92px',
        23.5: '94px',
        24.5: '98px',
        25: '100px',
        26: '104px',
        26.5: '106px',
        27: '108px',
        27.5: '110px',
        28.5: '114px',
        28.75: '115px',
        29: '116px',
        29.5: '118px',
        30: '120px',
        30.5: '122px',
        31: '124px',
        31.75: '127px',
        32.5: '130px',
        33: '132px',
        33.5: '134px',
        34: '136px',
        34.5: '138px',
        35: '140px',
        35.5: '142px',
        36.5: '146px',
        37: '148px',
        37.5: '150px',
        38: '152px',
        38.5: '154px',
        39: '156px',
        41.5: '166px',
        42: '168px',
        42.5: '170px',
        43: '172px',
        44.5: '178px',
        45: '180px',
        46: '184px',
        46.5: '186px',
        46.25: '185px',
        46.75: '187px',
        47.5: '190px',
        48.5: '194px',
        48.75: '195px',
        49: '196px',
        49.5: '198px',
        50: '200px',
        51: '204px',
        51.5: '206px',
        52.5: '210px',
        54: '216px',
        55: '220px',
        56: '224px',
        56.25: '225px',
        56.5: '226px',
        57: '228px',
        58: '232px',
        58.5: '234px',
        59: '236px',
        60: '240px',
        61: '244px',
        62.5: '250px',
        63: '252px',
        63.5: '254px',
        64.5: '258px',
        65: '260px',
        66.5: '266px',
        67.5: '270px',
        68: '272px',
        68.5: '274px',
        69.5: '278px',
        70: '280px',
        71: '284px',
        72.5: '290px',
        74: '296px',
        75: '300px',
        76.5: '306px',
        77: '308px',
        78: '312px',
        79: '316px',
        80: '320px',
        81: '324px',
        81.25: '325px',
        82: '328px',
        82.5: '330px',
        83: '332px',
        83.75: '335px',
        85: '340px',
        85.5: '342px',
        86: '344px',
        86.25: '345px',
        87.5: '350px',
        87.25: '349px',
        89.5: '358px',
        90: '360px',
        91: '364px',
        92.5: '370px',
        94.5: '378px',
        95: '380px',
        96.5: '386px',
        98.5: '394px',
        100: '400px',
        105: '420px',
        105.5: '422px',
        106: '424px',
        107.25: '429px',
        109: '436px',
        110: '440px',
        112: '448px',
        112.5: '450px',
        113: '452px',
        115: '460px',
        118: '472px',
        120: '480px',
        123: '492px',
        125: '500px',
        130: '520px',
        131: '524px',
        132: '528px',
        132.5: '530px',
        134.5: '538px',
        135: '540px',
        135.5: '542px',
        137.5: '550px',
        139: '556px',
        140: '560px',
        142: '568px',
        142.5: '570px',
        144.5: '578px',
        145: '580px',
        146: '584px',
        147: '588px',
        148: '592px',
        148.5: '594px',
        150: '600px',
        155: '620px',
        156.5: '626px',
        157.75: '631px',
        158: '632px',
        159.5: '638px',
        160: '640px',
        161.5: '646px',
        162: '648px',
        162.5: '650px',
        165: '660px',
        167: '668px',
        168: '672px',
        170: '680px',
        173: '692px',
        174.5: '698px',
        175: '700px',
        180: '720px',
        186: '744px',
        196: '784px',
        198: '792px',
        200: '800px',
        203: '812px',
        205: '820px',
        205.5: '822px',
        209: '836px',
        230: '920px',
        231: '924px',
        250: '1000px',
        275: '1100px',
        296: '1184px',
        320: '1280px',
        360: '1440px',
        460: '1840px'
      },
      fontSize: {
        0: '0px',
        3: '12px',
        3.25: '13px',
        3.5: '14px',
        3.75: '15px',
        4: '16px',
        4.5: '18px',
        5: '20px',
        6: '24px',
        7: '28px',
        8: '32px',
        9: '36px',
        10: '40px',
        12.5: '50px',
        15: '60px',
        20: '80px'
      },
      borderRadius: {},
      transitionDuration: {},
      zIndex: {
        '-1': -1,
        '-2': -2,
        0: 0,
        1: 1,
        9: 9,
        10: 10,
        99: 99,
        999: 999,
        9999: 9999
      },
      colors: {
        text: {
          // 重要文字颜色 (gray:rgba(37,37,37,1)-#252525;    dark:rgba(222, 222, 225, 1)-#DEDEE1)
          title: 'var(--content-text-title)',
          // 常规文字颜色 (gray:rgba(82,90,101,1)-#525A65;   dark:rgba(178, 179, 185, 1)-#B2B3B9)
          content: 'var(--content-text-content)',
          // 次要文字颜色 (gray:rgba(140,140,140,1)-#8C8C8C; dark:rgba(135, 136, 146, 1)-#878892)
          'sub-content': 'var(--content-text-sub-content)',
          // 较弱文字颜色 (gray:rgba(191,191,191,1)-#BFBFBF; dark:rgb(102, 104, 116, 1)-#666874)
          placeholder: 'var(--content-text-placeholder)',
          // 适用超链接 特殊文字 (rgba(0, 119, 255, 1)-#0077FF)
          link: 'var(--content-special-text-hover)',
          // 文本悬停(hover)颜色 (rgba(15, 159, 255, 1)-#0F9FFF)
          'link-hover': 'var(--content-special-text-hover)',
          // 金额 (rgba(15, 159, 255, 1)-#0F9FFF)
          money: 'var(--content-text-money)',
          // 文字禁用颜色 如果背景色使用disabled,文字颜色请使用content
          // (gray:rgba(191,191,191,1)-#BFBFBF; dark:rgba(102, 104, 116, 1)-#666874)
          disabled: 'var(--text-theme-disabled)',
          // 功能
          function: 'rgba(82, 196, 26, 1)',
          // 性能
          performance: 'rgba(45, 142, 255, 1)',
          // 稳定性
          stability: 'rgba(255, 185, 37, 1)',
          // Mcok
          mock: 'rgba(201, 119, 255, 1)',
          // 自定义
          custom: 'rgba(251, 129, 255, 1)',
          tip: 'rgba(166, 206, 255, 1)'
        },
        bg: {
          // 组件、模块背景色 (gray:rgba(255, 255, 255, 1)-#FFFFFF; dark:rgba(37, 40, 57, 1)-#252839)
          container: 'var(--content-container-bg)',
          // 适用 tab页 菜单项、列表项、表格行等选中背景色
          // (gray:rgba(234, 248, 255, 1)-#EAF8FF; dark:rgba(33, 47, 77, 1)-#212F4D)
          selected: 'var(--content-tabs-bg-selected)',
          // (gray:rgba(234, 248, 255, 1)-#EAF8FF; dark:rgba(33, 47, 77, 1)-#212F4D)
          blue: 'rgba(166, 206, 255, 1)',
          // 适用 tab页 菜单项、列表项、表格行等悬停背景色
          // (gray:rgba(244,249,255,1)-#F4F9FF; dark:rgba(45, 48, 64, 1)-#2D3040)
          hover: 'var(--content-tabs-bg-hover)',
          // 表格头背景色 (gray:rgba(246, 248, 251, 1)-#F6F8FB; dark:rgba(45, 48, 64, 1)-#2D3040)
          'table-head': 'var(--table-header-bg)',
          // 内容区背景色 (gray:rgba(247, 248, 250, 1)-#F7F8FA; dark:rgba(28, 30, 45, 1)-#1C1E2D)
          content: 'var(--content-bg)',
          // 适用文本域禁用背景色，如果使用该背景色,文本请适用content
          // (gray:rgba(245, 245, 245, 1)-#f5f5f5; dark:rgba(102, 104, 116, 1)-#666874)
          disabled: 'var(--bg-theme-disabled)',
          // 功能
          function: 'rgba(82, 196, 26, 0.5)',
          // 性能
          performance: 'rgba(45, 142, 255, 0.5)',
          // 稳定性
          stability: 'rgba(255, 185, 37, 0.5)',
          // Mcok
          mock: 'rgba(201, 119, 255, 0.5)',
          // 自定义
          custom: 'rgba(251, 129, 255, 0.5)',
          red: 'rgba(255, 232, 232, 1)',
          button: '#40a9ff',
          border: 'var(--border-text-box)'
        },
        border: {
          // 边框 分割线颜色 (gray:rgba(235,237,248,1)-#EBEDF8; dark:rgba(52, 55, 70, 1)-#343746)
          divider: 'var(--border-divider)',
          // 适用表单里的边框 和 文本域边框颜色 (gray:rgba(240,240,240,1)-#F0F0F0; dark:rgba(80, 83, 96, 1)-#505360)
          input: 'var(--border-text-box)',
          // 适用绝大数线或者边框的悬停颜色 (rgba(15, 159, 255, 1)-#0F9FFF)
          hover: 'var(--border-divider-hover)',
          // 适用绝大数线或者边框的选中颜色 (rgba(0, 119, 255, 1)-#0077FF)
          selected: 'var(--border-divider-selected)',
          error: 'rgba(245, 34, 45, 1)' // 失败、未完成、不通过、禁用、异常...
        },
        status: {
          success: 'rgba(82, 196, 26, 1)', // 成功、完成、通过、启用、在线、正常、已开通...
          error: 'rgba(245, 34, 45, 1)', // 失败、未完成、不通过、禁用、异常...
          error1: 'rgba(245, 34, 45, 0.5)', // 失败、未完成、不通过、禁用、异常...
          warn: 'rgba(255, 165, 43, 1)', // 警告黄...
          pending: 'rgba(45, 142, 255, 1)', // 待处理 已提交 待审核、待确认...
          close: 'rgba(217, 217, 217, 1)', // 关闭 离线 取消...
          process: 'rgba(103, 215, 255, 1)', // 处理中、审核中、发送中、进行中...
          purple: 'rgba(201, 119, 255, 1)', // 紫色
          orange: 'rgba(255, 102, 0, 1)', // 橘黄
          pink: 'rgba(251, 129, 255, 1)', // 粉色
          'blue-light': 'rgb(171, 211, 255, 1)', // 浅蓝
          add: 'rgba(82, 196, 26, 0.1)',
          del: 'rgba(255, 82, 82, 0.1)',
          modify: 'rgba(255, 102, 0, 0.1)'
        },
        http: {
          get: 'rgba(30, 136, 229, 1)',
          head: '#67D7FF',
          post: 'rgba(51, 183, 130, 1)',
          put: 'rgba(255, 167, 38, 1)',
          patch: 'rgba(171, 71, 188, 1)',
          delete: 'rgba(255, 82, 82, 1)',
          options: 'rgba(0, 150, 136, 1)',
          trace: '#7F91FF'
        },
        rule: 'rgb(255, 77, 79)', // 目前用于表单校验文案颜色和必填星号颜色
        tips: 'rgba(179, 215, 255, 1)', // 目前用于天蓝色提示图标
        'log-bg': 'rgba(30,30,30,1)', // 日志背景色
        'log-text': '#f2f2f2',
        orange: {
          bg: 'rgba(255,129,0,1)',
          'bg-light': 'rgba(255,129,0,0.15)'
        },
        blue: {
          1: 'rgba(0,119,255,1)',
          2: 'rgba(0, 119, 255, 0.04)',
          5: 'rgba(45, 142, 255, 0.05)',
          6: 'rgba(45, 142, 255, 0.7)',
          hover: 'rgba(15,159,255,1)',
          tips: 'rgba(179, 215, 255, 1)',
          active: 'rgba(234, 248, 255, 1)',
          'hover-light': 'rgba(244, 249, 255, 1)',
          icon: 'rgba(136, 185, 242, 1)',
          icon2: 'rgba(7,163,241,1)',
          'badge-p': '#A6CEFF',
          'badge-s': '#A2DEEC',
          'text-active': '#0077FF',
          timeline: 'rgba(162, 222, 236, 1)',
          light: 'rgba(166, 206, 255, 1)',
          bg: 'rgba(127, 145, 255, 1)',
          bg1: 'rgba(103, 215, 255, 1)',
          bg2: 'rgba(45, 142, 255, 1)',
          bg3: 'rgba(235, 245, 255, 1)',
          border: 'rgba(188, 220, 255, 1)',
          'bg-light': 'rgba(249, 252, 255, 1)',
          border1: '#67C7FF',
          bg4: 'rgba(103,199,255,0.05)',
          table: '#F7F8FB'
        },
        gray: {
          1: 'rgba(250,251,252, 1)', // 默认灰色
          2: 'rgba(250,250,250, 1)',
          3: 'rgba(200, 202, 208, 1)',
          9: 'rgba(214, 214, 214, 1)',
          light: 'rgba(247, 248, 251, 1)',
          'text-light': 'rgba(140, 140, 140, 1)',
          'light-a': 'rgba(245, 245, 245, 1)',
          'light-b': 'rgba(240, 240, 240, 1)',
          icon: 'rgba(173, 177, 185, 1)',
          text: 'rgba(130, 136, 148, 1)',
          bg: '#fafafa',
          'bg-active': 'rgba(239, 240, 243, 1)',
          hover: 'rgba(245, 245, 245, 100%)'
        },
        black: {
          active: 'rgba(15, 23, 35, 1)',
          'log-bg': 'rgba(30,30,30,1)'
        },
        execute: {
          res1: 'rgba(45, 142, 255, 1)',
          res2: 'rgba(183, 187, 194, 1)',
          res3: 'rgba(245, 34, 45, 1)',
          res4: 'rgba(82, 196, 26, 1)',
          res5: 'rgba(255, 129, 0, 1)',
          blue1: 'rgba(0, 119, 255, 1)',
          mock: 'rgba(201, 119, 255, 1)',
          blue2: 'rgba(0, 119, 255, 0.1)',
          yellow: 'rgba(255, 129, 0, 1)',
          resGreen: '#52C41A',
          resRed: '#F5222D',
          'tag-blue-bd': 'rgba(0, 119, 255, 1)',
          'tag-blue-bg': 'rgba(0, 119, 255, 0.05)',
          'tag-gray-bd': '#E5E5E5',
          'tag-gray-bg': 'rgba(247, 248, 251, 1)'
        },
        board: {
          blue: 'rgba(96, 162, 255, 0.1)',
          orange: 'rgba(255, 144, 96, 0.1)',
          qing: 'rgba(58, 203, 233, 0.1)',
          yellow: 'rgba(244, 196, 39, 0.1)'
        }
      }
    }
  }
};
